<!DOCTYPE html>
<html>
<head>
    <include file="./public/sty.html"/>
</head>
<body>
<script src="/style/js/qrcode.min.js"></script>
<div id="app" class="alipay">
    <include file="./public/header.html"/>

    <div class="container containerUser fix pt15" s="[object Object]">
        <div class="slideUser">
            <ul class="sildeSession"><h3><span></span>账号管理</h3>
                <li class=""><a href="{:U('Users/personalInfo')}">个人信息</a></li>
                <li class="curr"><a href="{:U('Users/securityCenter')}">安全中心</a></li>
                <li class=""><a href="{:U('Users/manageBankcard2')}">银行卡管理</a></li>
            </ul>
            <ul class="sildeSession"><h3><span></span>投注管理</h3>
                <li><a href="{:U('Users/BetRecord')}" class="">投注记录</a></li>
                <li><a href="{:U('Users/seekOrder')}" class="">追号记录</a></li>
            </ul>
            <ul class="sildeSession"><h3><span></span>资金管理</h3>
                <li><a href="{:U('Users/BillRecord')}" class="">交易记录</a></li>
                <li class=""><a href="{:U('Users/PLstatement')}">今日盈亏</a></li>
            </ul>
            <?php if($wanjia['utype'] == '1'){ ?>
            <ul class="sildeSession">
                <h3><span></span>代理中心</h3>
                <li><a href="{:U('Users/agentIntro')}" class="">代理说明</a></li>
                <li class=""><a href="{:U('Users/agentReport')}">代理报表</a></li>
                <li><a href="{:U('Users/lowerReport')}" class="">下级报表</a></li>
                <li class=""><a href="{:U('Users/manageInvite')}">下级开户</a></li>
                <li><a href="{:U('Users/agentMember')}" class="">会员管理</a></li>
                <li><a href="{:U('Users/agentBetRecord')}" class="">投注明细</a></li>
                <li><a href="{:U('Users/agentBillRecord')}" class="">交易明细</a></li>
            </ul>
            <?php }?>
            <ul class="sildeSession"><h3><span></span>消息管理</h3>
                <li><a href="{:U('Users/letter')}" class="">站内信</a></li>
                <li><a href="{:U('Users/Notice')}" class="">网站公告</a></li>
            </ul>
        </div>

        <div data-v-e0a515bc="" class="userRight">
            <div data-v-e0a515bc="" class="userTitle mgb10">我要充值</div>
            <div data-v-e0a515bc="" class="newTab pt15 fix">
                <a href="{:U('Index/ebankPay')}" class="" data-v-e0a515bc="">银行转账</a>
                <a href="{:U('Index/alipay')}" class="" data-v-e0a515bc="">支付宝充值</a>
                <a href="{:U('Index/wechatPay')}" class="curr curr" data-v-e0a515bc="">微信支付</a>
                <a href="{:U('Index/scanPay')}" class="" data-v-6bb4bdc2="">扫码支付</a>
            </div>
            <form action="{:U('Index/wechatPay')}" enctype="multipart/form-data" method="post" id="form">
                <div data-v-e0a515bc="" id="isShow">
                    <div data-v-e0a515bc="" class="row fix">
                        <div data-v-e0a515bc="" class="colMd8">
                            <div data-v-e0a515bc="" class="stepBox topBox">
                                <em data-v-e0a515bc=""></em>
								<span data-v-e0a515bc="">
									<b data-v-e0a515bc="">微信转账至银行卡：</b>单笔最低<ins data-v-e0a515bc="">10</ins>元，最高<ins data-v-e0a515bc="">30000</ins>元
								</span>

                                <ul data-v-6bb4bdc2="" class="bankStyle">
                                    <li data-v-6bb4bdc2="" class="bankTable">
                                        <ins data-v-6bb4bdc2="">收款银行：</ins>
                                        <ins data-v-6bb4bdc2="">
                                            <div data-v-6bb4bdc2="" class="bankblockList fix">
                                                <div data-v-6bb4bdc2="">
                                                    {$arr["yinhang"]}
                                                </div>
                                            </div>
                                        </ins>
                                    </li>
                                    <li data-v-6bb4bdc2="">
                                        <ins data-v-6bb4bdc2="" style="width: 30px;">银行账户名：</ins>
                                        <ins data-v-6bb4bdc2="">
                                            <input data-v-6bb4bdc2="" name="name" type="text" class="code" id="acco" value="{$arr.name}">
                                            <!--<a data-v-6bb4bdc2="" class="copy_btn">复制</a>-->
                                        </ins>
                                    </li>
                                    <li data-v-6bb4bdc2="">
                                        <ins data-v-6bb4bdc2="" class="leftIn">银行账号：</ins>
                                        <ins data-v-6bb4bdc2="">
                                            <input data-v-6bb4bdc2=""  name="card" type="text" class="code" id="card" value="{$arr.number}" style="width: 160px">
                                            <!--<a data-v-6bb4bdc2="" class="copy_btn">复制</a>-->
                                        </ins>
                                    </li>
                                    <li data-v-6bb4bdc2="">
                                        <ins data-v-6bb4bdc2="" class="leftIn">开户支行：</ins>
                                        <ins data-v-6bb4bdc2="">
                                            <input data-v-6bb4bdc2=""  name="zhihang" type="text" class="code" id="kh" value="{$arr.zhihang}">
                                            <!--<a data-v-6bb4bdc2="" class="copy_btn">复制</a>-->
                                        </ins>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div data-v-e0a515bc="" class="colMd4">
                            <div data-v-e0a515bc="" class="stepBox h150">
                                <span data-v-e0a515bc="" style="display: block;">扫码支付</span>
                                <div data-v-e0a515bc="" class="erweima" style="text-align: center;">
                                    <img data-v-e0a515bc="" src="{$arr.img}" alt="" style="width: 80px;height: 80px">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-v-e0a515bc="" class="stepBox">
                        <em data-v-e0a515bc=""></em>
						<span data-v-e0a515bc="">
							<b data-v-e0a515bc="">请认真填写您的转账信息：</b>请务必微信扫码支付后再提交订单,否则无法及时查到您的款项！</span>
                        <ul data-v-e0a515bc="">
                            <li data-v-e0a515bc="">
                                <ins data-v-e0a515bc=""><b data-v-e0a515bc="">充值金额：</b>
                                    <input data-v-e0a515bc="" type="text" tag="充值金额" name="money" class="userInput" id="c_money" onkeyup="value=value.replace(/[^\d.]/g,'')">
                                </ins>
                                <ins data-v-e0a515bc="">
                                    <b data-v-e0a515bc="">微信账号：</b>
                                    <input data-v-e0a515bc="" tag="微信账号" type="text" name="my_name" class="userInput" id="my_name">
                                </ins>
                            </li>
                        </ul>
                        <ul data-v-e0a515bc="">
                            <h6 data-v-e0a515bc="">
                                <input class="submitBtn" type="button" value="提交充值订单" onclick="tij()" style="border: none">
                            </h6>
                        </ul>
                        <div data-v-e0a515bc="" class="userTip"><p data-v-e0a515bc="" class="mgl20">※ 温馨提示：<br
                                data-v-e0a515bc="">
                            1、请微信扫码支付后再提交充值订单。<br data-v-e0a515bc="">
                            2、请正确填写您的姓名和充值金额。<br data-v-e0a515bc="">
                            3、转账1笔提交1次，请勿重复提交订单。
                        </p></div>
                    </div>
                </div>
            </form>
            <!--弹框 begian-->
            <div id="chongzhi" class="layermbox layermbox0 layermshow" index="10">
                <div class="laymshade"></div>
                <div class="layermmain">
                    <div class="section">
                        <div class="layermchild layerConfirm layermanim"><h3 style="">温馨提示</h3>
                            <button class="layermend"></button>
                            <div class="layermcont">
                                <p>支付成功后，会在一分钟内为您添加额度，请刷新您的账户余额!</p>
                            </div>
                            <div class="layermbtn"><span type="1">确定</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <!--弹框 end-->
        </div>
    </div>
    <div data-v-e0a515bc="" class="layerBg" style="display: none;"></div>
    <div data-v-e0a515bc="" class="layerBox" style="display: none;">
        <div data-v-e0a515bc="" id="layui-layer4" type="page" times="4" showtime="0" contype="string"
             class="layui-layer layui-layer-page  layer-anim"
             style="z-index: 19891018; width: 650px; height: 500px; top: 256.5px; left: 307px;">
            <div data-v-e0a515bc="" move="ok" class="layui-layer-title" style="cursor: move;">手机扫一扫支付</div>
            <div data-v-e0a515bc="" id="" class="layui-layer-content" style="height: 500px;">
                <div data-v-e0a515bc=""
                     style="font-size: 18px; margin: 0px; text-align: center; padding: 10px 0px;">充值金额:¥
                </div>
                <div data-v-e0a515bc="" style="padding: 15px 20px;">
                    <div data-v-e0a515bc="" id="qrdiv" style="padding: 10px; text-align: center;">
                        <div data-v-e0a515bc="" id="qrcode" style="text-align: center;"></div>
                    </div>
                    <div data-v-e0a515bc="" class="userTip" style="margin: 15px 0px 0px;"><p data-v-e0a515bc="">
                        支付成功后，会在一分钟内为您添加额度，请刷新您的账户余额!</p></div>
                </div>
            </div>
                <span data-v-e0a515bc="" class="layui-layer-setwin"><a data-v-e0a515bc="" href="javascript:;"
                                                                       class="close"></a></span></div>
    </div>
</div>
<div id="tishi1" class="layermbox layermbox0 layermshow" index="11">
    <div class="laymshade"></div>
    <div class="layermmain">
        <div class="section">
            <div class="layermchild layerConfirm layermanim"><h3 style="">温馨提示</h3>
                <button class="layermend"></button>
                <div class="layermcont">·充值金额或者微信姓名不能为空·</div>
                <div class="layermbtn"><span type="1">确定</span></div>
            </div>
        </div>
    </div>
</div>

<div id="tishi2" class="layermbox layermbox0 layermshow" index="11">
    <div class="laymshade"></div>
    <div class="layermmain">
        <div class="section">
            <div class="layermchild layerConfirm layermanim"><h3 style="">温馨提示</h3>
                <button class="layermend"></button>
                <div class="layermcont">·金额格式不正确·</div>
                <div class="layermbtn"><span type="1">确定</span></div>
            </div>
        </div>
    </div>
</div>

<div id="tishi3" class="layermbox layermbox0 layermshow" index="11">
    <div class="laymshade"></div>
    <div class="layermmain">
        <div class="section">
            <div class="layermchild layerConfirm layermanim"><h3 style="">温馨提示</h3>
                <button class="layermend"></button>
                <div class="layermcont">·最低10最高30000·</div>
                <div class="layermbtn"><span type="1">确定</span></div>
            </div>
        </div>
    </div>
</div>
<include file="./public/footer.html"/>
</div>


<script src="/style/js/jquery.min.js"></script>
<script src="/style/js/fx.js"></script>
<script>
    $(function(){
        personalInfo();
    })
//点击弹框中的确认 取消弹框
    $(".layermbtn").click(function(){
        $(".layermbox").hide();
        location.href="";
    });

    function tij(){
        var money = $("#c_money").val().replace(/\s/g,"");
        var my_name = $("#my_name").val();

        var salipay_name = $("#salipay_name").val();
        var salipay_account = $("#salipay_account").val();
        if(money=="" || my_name==""){
//            alert("充值金额或者微信姓名不能为空");
            $("#tishi1").show();
            return false;
        }
        var reg = /^[0-9]+(.[0-9]+)?$/; //   ^[0-9]+(.[0-9]{2})?$  限制小数点
        if(!reg.test(money)){
//            alert("金额格式不正确");
            $("#tishi2").show();
            return false;
        }
        if(parseInt(money) < 10 || parseInt(money) >30000){
//            alert("最低10最高30000");
            $("#tishi3").show();
            return false;
        }
        $.ajax({
            type: "POST",
            url: "{:U('Index/wechatPay')}",
            data: {'salipay_name': salipay_name,'salipay_account': salipay_account,'money': money,'my_name': my_name},
            success: function (dat) {
                $("#chongzhi").show();
            }
        });
    }
</script>
</body>
</html>